簡介:在網(wǎng)頁制作當中,我們經(jīng)常會對圖片做一些處理,比如圖片的放大和縮小。本課程講解如何使用JavaScript技術實現(xiàn)圖片縮放效果,其中將用到setInterval()和clearInterval()兩個重要函數(shù)。課程中對實現(xiàn)效果進行了展示,并詳盡分析其實現(xiàn)原理。
第1章 圖片縮放效果展示及原理分析
JavaScript實現(xiàn)圖片縮放效果的原理分析,并對實現(xiàn)該效果所應用到的setInterval()和clearInterval()兩個函數(shù)進行簡單介紹。
第2章 利用HTML+CSS實現(xiàn)效果的頁面布局
案例的布局非常簡單,只需一個圖片和兩個按鈕,利用HTML+CSS輕松實現(xiàn)。
第3章 用JavaScript實現(xiàn)圖片放縮效果
實現(xiàn)放大效果的關鍵步驟:1.onclick事件的添加。2.定時器setlnterval()函數(shù)的應用。3.放大(縮?。┖瘮?shù)的編寫。